<template>
  <div class="xys-bread">
    <slot />
  </div>
</template>

<script setup>
defineExpose({
  name:'xys-bread'
})
</script>

<style  lang='less'>
.xys-bread{
  display: flex;
  padding: 25px 10px;
  &-item {
    a {
      color: #666;
      transition: all .4s;
      &:hover {
        color: @xtxColor;
      }
    }
    i {
      font-size: 12px;
      margin-left: 5px;
      margin-right: 5px;
      line-height: 22px;
    }
  }

}
</style>
